<template>
  <div class="energy-list">
    <!-- <el-tabs
      style="margin: 20px"
      type="card"
      v-model="activeTab"
      @tab-click="handleClickTab"
    >
      <el-tab-pane
        v-for="(item, index) in tabsList"
        :key="index"
        :label="item.label"
        :name="item.label"
      ></el-tab-pane>
    </el-tabs> -->
    <!-- <div class="chart-time-change">
      <div>
      <span style="padding-right: 8px;">设备类型:</span>
        <el-select v-model="value" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>
     
    </div> -->

    <div>
      <EnergyData></EnergyData>
    </div>
  </div>
</template>
<script>
import * as echarts from "echarts";
import { electricOptions, powerOptions } from "./echartsOptions";
import EnergyData from "../../DeviceManagement/DeviceList/component/DeviceEnergyComponent.vue";

export default {
  name: "LineChart",
  props: {
    chartData: {
      type: Object,
      default: () => {},
    },
  },
  components: {
    EnergyData,
  },
  data() {
    return {
      options: {},

      tabsList: [
        {
          label: "全部类型",
        },
        {
          label: "空调温控器-交流",
        },
        {
          label: "空调交流lora",
        },
      ],
      activeTab: "全部类型",
      todayValue: this.getPreviousDay(),
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },

  mounted() {},
  methods: {
    handleClickTab(tab, event) {
      console.log(tab, event, "点击切换tabs");
    },
  },
};
</script>
<style scoped lang="scss">
.chart-time-change {
  height: 40px;
  margin-bottom: 20px;
}
</style>
